<!--
  Generated template for the MystatePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>


</ion-header>

<ion-content>
  <div class="main1">
    <div class="content1" >
      <ion-card style="border-radius:0.5rem;margin-top: 3rem; background: rgba(255,255,255, 0.4);visibility:visible">
        <ion-card-title padding style="font-size: 1.5rem;visibility:visible">请您对我们的视频评分：</ion-card-title>
        <div class="star-div" (click)="chooseStar($event)">
          <div *ngFor="let scoreMap of score.starMap; let indx = index">
            <ion-icon name="star" color="#222222" *ngIf="score.star>=indx+1;" style="padding-right: 0.5em;" [attr.data-index]="indx+1"></ion-icon>
            <ion-icon name="star-outline" color="#222222" *ngIf="score.star<indx+1;" style="padding-right: .5em;" [attr.data-index]="indx+1"></ion-icon>
          </div>
          <span>{{score.starMap[score.star-1]}}</span>
        </div>
        <textarea maxlength="50" [(ngModel)]="myComment" placeholder="请留下您的评语吧！" style="margin: 0.5rem; width: 95%; height: 20rem; font-size: 1.2rem;background: rgba(255,255,255, 0.5);color: #171717;visibility:visible" id="commentText">

        </textarea>
        <div  style="text-align: center;">
          <input type="submit" value="提交评价" class="file" (click)="comment()" >
        </div>
      </ion-card>
    </div>
  </div>

</ion-content>
